 /* 清除默认边距，确保背景图铺满整个页面 */
 body {
     margin: 0;
     padding: 0;
     min-height: 100vh;
     background-color: #f0f8ff;
     background-position: center;
 }

 /* 标题改为黑色，去除文字阴影 */
 h1, h2 {
     color: #000000;
     text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
     text-align: center;
     margin-top: 30px;
 }

 /* 表单美化：宽度调整、提交按钮居中 */
 form {
     background-color: rgba(186, 189, 255, 0.3);
     padding: 20px;
     border-radius: 8px;
     max-width: 500px; /* 增加表单宽度 */
     margin: 20px auto;
 }

 /* 提交按钮居中 */
 form input[type="submit"] {
     display: block;
     margin: 10px auto 0;
 }

 /* 调整“昵称”“留言”标签对齐（与输入框上边框对齐） */
 form label {
     display: inline-block;
     width: 60px; /* 固定标签宽度，确保对齐 */
     vertical-align: top; /* 与输入框上边框对齐 */
 }

 /* 表格美化：文字居中、宽度调整 */
 table {
     background-color: #ffe4e1;
     border-collapse: collapse;
     margin: 20px auto;
     width: 80%;
 }

 th, td {
     padding: 10px;
     border: 1px solid  #ffccd5;
     text-align: center; /* 历史留言文字居中 */
     color: #000000;
 }

 /* 留言内容文本域居中 */
 .message-textarea {
     display: block; /* 转为块级元素，方便居中 */
     margin: 0 auto; /* 左右自动 margin 实现水平居中 */
 }

 form input[type="text"], form textarea {
     width: 80%;
     padding: 8px;
     border: 1px solid #ccc;
     border-radius: 4px;
 }

